<template>
    <div>
        <!-- https://scwff.com/weChatMiniProgramIcon/test.kml -->
        <Mars3d></Mars3d>
        <RouterView />
        <!-- <div class="navBtn">
            <RouterLink to="/highpressure">高压系统</RouterLink>
            <RouterLink to="/dropirrigation">滴灌系统</RouterLink>
            <RouterLink to="/sprayirrigation">喷灌系统</RouterLink>
        </div> -->
        <!-- <div class="logoBox">
            <img src="./assets/logo1.png" class="logos" alt="" srcset="" />
        </div> -->
        <!-- <operation></operation> -->
        <switchinggroup></switchinggroup>
    </div>
</template>
<script setup lang="ts">
import Mars3d from "@/views/mars3d/mars3d.vue";
import switchinggroup from "@/views/switchinggroup/switchinggroup.vue";
import { RouterLink, RouterView } from "vue-router";
</script>
<style scoped lang="scss">
.navBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    a {
        margin-left: 20px;
        color: aqua;
    }
}
.logoBox {
    width: 100%;
    // background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 13px;
    bottom: 5px;
    .logos {
        width: 85px;
        background: linear-gradient(to top, #1d2b38, rgba(29, 43, 56, 0.83));
        border-radius: 5px;
        padding: 0 5px;
        backdrop-filter: blur(50px);
    }
}
</style>
